.BackgroundGradient(){
/* Homework: Adds gradient */
background: #ddccea; /* Old browsers */
background: -moz-linear-gradient(top,  #ddccea 0%, #9114ee 15%, #9114ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddccea), color-stop(15%,#9114ee), color-stop(100%,#9114ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ddccea 0%,#9114ee 15%,#9114ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ddccea 0%,#9114ee 15%,#9114ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ddccea 0%,#9114ee 15%,#9114ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ddccea 0%,#9114ee 15%,#9114ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddccea', endColorstr='#9114ee',GradientType=0 ); /* IE6-9 */
}

.BorderRadius(@radius: 20px){
	border-radius: @radius;
}

.BorderStyle(@args...)
{
	border: @args;
}

.SetPadding(@top, @right, @down, @left){
	padding: @top @right @down @left;
}

.SetMargin(@top, @right, @down, @left){
	margin: @top @right @down @left;
}

.ClearFix(){
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.StyleLinks(@decoratin: none, @color: #CCA3F8){
		text-decoration: @decoratin;
		color: @color;
}

@text-color: white;
@text-font: 14px normal Arial;

body{
	font: @text-font;
	color: @text-color;
	.BackgroundGradient();
	&:after{
		.ClearFix();
	}	
	footer{
		text-align: center;
		clear: both;
		font-weight: bold;
		.SetPadding(10px,10px,10px,10px);
	}
}

aside{
		float: right;
		width: 20%;
		a{
				.StyleLinks();
		}

		ul{
			list-style-type:none;
			padding-top: 10px;
			h2{
			margin-bottom: 5px;
			}	
			li{
				.BorderStyle(1px solid black);
			.BorderRadius(5px);
			.SetMargin(10px,0,0,0);	
			padding-left: 10px;	
			p{
				margin-top: 0;
			}			
			}
		}
		ul li ul{
				list-style-image: url('images/li-dot.png');
				padding: 0 0 5px 0;
				margin-top: 0;
					margin-left: 30px;
				li{
					border: none;
					padding: 5px 0 0 0;
					margin: 0;
				}				
			}
		
	}

header{
		&:after{
		.ClearFix();
	}	
		nav 
	{
		width: 80%;
		float: left;
		#main-nav-list{
			width: 1100px;
			font-size: 1.5em;
		}
		.nav-list {
			a{
			.StyleLinks(none, white);						
			}
			.SetPadding(10px,10px,10px,10px);			
		}
			ul{
			list-style-type: none;		
			li{				
				display: inline;			
			}		
			li:hover > ul{
				display: block;
				.BorderStyle(none);
				li{
					display: list-item;
				}
			}
			ul{
				display: none;
			}
			
			.BorderStyle(1px solid black);
			.BorderRadius();
		}
	}
	#reg-form-container{
		&:after{
		.ClearFix();
	}			
		float: right;
		margin-top: 20px;
		label{			
			padding-right: 15px;
			padding-top: 5px;
			float: left;
		}
		input{
			.BorderStyle(1px solid black);
			.BorderRadius();
			float: right;
			width: 120px;
			background: #B35EF3;
					}
		button{
			float: left;
			margin-left: 0;
			  background-color: #B25DEF;
            color: white;
             padding: 5px 8px;
             border-left: 1px solid white;
                border-top: 1px solid white;
                border-right: 1px solid black;
                border-bottom: 1px solid black;
                border-radius: 10px;
		}
	}
	#logo-container h1{
		float: left;
	}
	}

	section{
		width: 80%;
		float: left;
		article{
		.SetMargin(20px,0,0,0);
		.SetPadding(0,10px,0,10px);
		.BorderRadius();
		.BorderStyle(1px solid black);
		h1{
			padding-bottom: 0;
			margin-bottom: 5px;
		}
		p{
			margin-top: 0;
			padding-top: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		footer{
			p{
				.SetMargin(0,0,10px,0);
				.SetPadding(0,0,0,0);
			}
			text-align: right;
			a{
				.StyleLinks();
			}
		}
	}
	}